<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>国际化</title>
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.i18n.properties.js"></script>
	</head>

	<body>

		<label data-locale="User Name">用户名：</label>
		<input type="text">
		<label data-locale="Password">密码：</label>
		<input type="password">
		<button id='btn' data-locale="Btn Change">切换语言</button>
<div>
	<lable  data-locale="textVale">其他文本</lable>
</div>
		<script type="text/javascript">
			isEng = true;

			btn.onclick = function() {
				if (!isEng) {
					loadProperties('en');
				} else {
					loadProperties('zh');
				}
				isEng = !isEng

			}

			function loadProperties(lang) {
				$.i18n.properties({
					name: 'language', //属性文件名     命名格式： 文件名_国家代号.properties
					path: 'i18n/', //注意这里路径是你属性文件的所在文件夹
					mode: 'map',
					cache:'true',
					language: lang, //这就是国家代号 name+language刚好组成属性文件名：strings+zh -> strings_zh.properties
					callback: function() {
						$("[data-locale]").each(function() {
							$(this).html($.i18n.prop($(this).data("locale")));
						});
					}
				});
			}

			loadProperties('en');
		</script>
	</body>

</html>
